<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
	$('#example').dataTable( {  // เขียนโค้ด โดยระบุให้ ไปดึงข้อมูลจาก ไฟล์ person_process.php ที่อยุ่ในโฟลเดอร์ commont มาทำงาน 
		"bPaginate": true,
		"bLengthChange": true,
		"bFilter": true,
		"bSort": true,
		"bInfo": true,
		"bAutoWidth": true,
		"bProcessing": true,    // โดยเอาข้อมูลที่ได้มาแสดง ใน table ที่มี ไอดี เท่ากับ example
		"bServerSide": true,
		"iDisplayLength": 10,
		"bSortClasses": true,
        "aoColumns" : [  
            { sClass: "center" },  
            { sClass: "left" },
            { sClass: "center" },
			{ sClass: "center" }
        ],
        "sPaginationType": "full_numbers",
		"sAjaxSource": "commont/person_process.php",
		"oLanguage": {
							"oPaginate": {       
													"sFirst": "<<",
													"sLast": ">>",
													"sNext": ">",
													"sPrevious": "<"
												},
							"sLengthMenu": "<span style='color:#FFFFFF'>แสดง</span> _MENU_ <span style='color:#FFFFFF'>รายการ</span>",
							"sZeroRecords": "ไม่เจอข้อมูลที่ค้นหา",
							"sLoadingRecords": "<span style='color:#FFFFFF'>ระบบกำลังประมวลผล กรุณารอซักครู่</span>",
							"sProcessing": "ประมวลผลข้อมูล",
							"sInfo": "<span style='color:#FFFFFF'>แสดง _START_ ถึง _END_ ของ _TOTAL_ รายการ</span>",
							"sInfoEmpty": "<span style='color:#FFFFFF'>แสดง 0 ถึง 0 ของ 0 รายการ",
							"sInfoFiltered": "<span style='color:#FFFFFF'>(จากรายการทั้งหมด _MAX_ รายการ)</span>",
							"sSearch": "<span style='color:#FFFFFF'>ค้นหา : </span>"
					  }
	} );	
} );
</script>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="25" align="right" valign="middle"><span style="color:#FFFFFF; font-family:Arial, Helvetica, sans-serif">
<!-- LAYER 5 Slide show แสดงรูปแบนเนอร์หรือรูปที่จะโชว์ขนาดใหญ่ เพื่อความน่าสนใจ-->ท่านสามารถค้นหาหนังได้ เพื่อความสะดวกในการเลือกหนัง&nbsp;&nbsp;&nbsp;&nbsp;
<!-- LAYER 5 END--></span>
          </td>
        </tr>
    </table>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td>
                  <ul class="menushortr">
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;รายการหนัง</span>
                </ul></td>
                </tr>
              <tr>
                <td height="240" align="left" valign="top">
                  <!--แสดงข้อมูลรายการหนัง -->
                  <br />
                  <table cellpadding="0" cellspacing="0" border="0" id="example"  class="display">
                    <thead>
                      <tr>
                        <th width="10%" style="color:#FFF">รหัส</th>
                        <th width="50%" style="color:#FFF">ชื่อเรื่อง</th>
                        <th width="20%" style="color:#FFF">ซับ</th>
                        <th width="20%" style="color:#FFF">ประเภท</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td colspan="4" class="dataTables_empty">Loading data from server</td>
                      </tr>
                    </tbody>
                  </table>
                  <!-- จบการแสดงข้อมูลหนัง -->
                </td>
                </tr>
            </table>